<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学院网站</title>
</head>
<link href="../css/style.css" rel="stylesheet" text="css/text" />
<style>
    body {
        background: linear-gradient(to bottom, rgba(14, 33, 88, 0.99), rgba(39, 112, 219, 0.5));
    }
</style>
<body>
    <div class="main">
        <div id="header">
        </div>
        <div id="content">
            <div class="menu">
                <div class="nav">
                    <ul class="nav-list">
                        <li class="show"> <a href="#">学院主页</a></li>
                        <li class="show"> <a href="#">学院概况</a>
                            <ul class="fade-lists">
                                <li><a href="#">学院简介</a></li>
                                <li><a href="#">历任领导</a></li>
                                <li><a href="#">现任领导</a></li>
                                <li><a href="#">机构设置</a></li>
                                <li><a href="#">开发团队</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">师资队伍</a>
                            <ul class="fade-lists">
                                <li><a href="#">专任教师</a></li>
                                <li><a href="#">现任教师</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">招聘就业</a></li>
                        <li class="show"> <a href="#">学科建设</a>
                        </li>
                        <li class="show"> <a href="#">人才培养</a>
                            <ul class="fade-lists">
                                <li><a href="#">本科生培养</a></li>
                                <li><a href="#">研究生培养</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">科学研究</a>
                            <ul class="fade-lists">
                                <li><a href="#">学术交流</a></li>
                                <li><a href="#">科研成果</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">学工园地</a>
                            <ul class="fade-lists">
                                <li><a href="#">通知公告</a></li>
                                <li><a href="#">院系新闻</a></li>
                                <li><a href="#">学工动态</a></li>
                                <li><a href="#">学生社团</a></li>
                                <li><a href="#">招生就业</a></li>
                                <li><a href="#">创新创业</a></li>
                                <li><a href="#">学习交流</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">党群工作</a>
                            <ul class="fade-lists">
                                <li><a href="#">支部生活</a></li>
                                <li><a href="#">党校团校</a></li>
                                <li><a href="#">工会工作</a></li>
                            </ul>

                        </li>
                        <li class="show"> <a href="#">校友天地</a>
                            <ul class="fade-lists">
                                <li><a href="#">校友交流</a></li>
                                <li><a href="#">校友档案</a></li>
                            </ul>
                        </li>
                        <li class="show"> <a href="#">课程建设</a>
                        </li>
                    </ul>
                </div>
                <div class="four">
                    <ul>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
            </div>
            <div class="cont">
                <div class="leader">
                    <div class="leader-title">学院简介</div>
                    <div class="color-gray"></div>
                   <div class="contro">
                       <p>计算机科学与技术学院前身为创办于1992年的校计算中心，是学校综合实力强、社会声誉好、办学较早的应用研究型工科院系之一。学院已形成“团结、奋斗、高效、求实”的文化氛围，秉持“素质教育、创新教育、终身教育”思想，强化“基于方法观传授知识、基于过程观提升能力、基于综合观激发创新”的人才培养理念，在科学地践行《人才培养方案》过程中，尤其注重培养学生的工程意识。</p>
                       <div class="write-time">
                           发表时间:<span class="time">2014-04-10</span>
                       </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="addnew">
                <div class="box">
                    <div class="til">
                        校企合作
                    </div>
                    <ul>
                        <li>
                            <a href="#" target="_blank">
                                <img src="../img/xq1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="../img/xq2.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="../img/xq3.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="../img/xq4.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                <img src="../img/xq5.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                 <img src="../img/xq6.jpg">
                            </a>
                        </li>
                    </ul>
                    <div class="dec">
                        我院连续多年与国内外多个知名企业合作。
                    </div>
                </div>
            </div>
            <div class="manage">
                <span>© 2016-2017 湖北师范大学计算机科学与技术学院 All rights reserved. Power by 
                            <a href="#">Jplus 实验室</a> 、进入
                            <a href="#">后台管理</a>.
                    </span>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            var lis = $('.menu .nav .nav-list .show')
            lis.mouseover(function () {
                $(this).addClass("active")
                lis.not(this).removeClass("active")
                $(this).find("ul").addClass("active")
            })
            lis.mouseleave(function () {
                $(this).removeClass("active")
                $(this).find("ul").removeClass("active")
            })
        })
    </script>
</body>

</html>